$.extend({
  index: {
    //更新序号的方法
    sort() {
      let str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; //定义序号
      $("ul span").each(function (index, item) {
        $(item).text(str[index] + ".");
      });
      //第一个上禁用
      $(".s").prop("disabled", false).first().prop("disabled", true);
      //最后一个下禁用
      $(".x").prop("disabled", false).last().prop("disabled", true);
    },
    main() {
      $.index.sort(); //执行更新序号
      $(".add").click(function () {
        let li = $('<li class="flex"/>').append("<span>").append("<input/>");
        let del = $('<button class="del"/>').text("-");
        let s = $('<button class="s"/>').text("↑");
        let x = $('<button class="x"/>').text("↓");
        li.append(del);
        li.append(s);
        li.append(x);
        $("ul").append(li);
        $.index.sort(); //更新序号
      });

      //删除按钮点击事件
      $("ul").on("click", ".del", function () {
        $(this).parents("li").remove();
        $.index.sort(); //执行更新序号
      });

      //上按钮点击事件
      $(".s").click(function () {
        let li1 = $(this).parents("li");
        let li2 = li1.prev();
        li1.after(li2);
        $.index.sort(); //执行更新序号
      });

      //下按钮点击事件
      $(".x").click(function () {
        let li1 = $(this).parents("li");
        let li2 = li1.next();
        li1.before(li2);
        $.index.sort(); //执行更新序号
      });
    },
  },
  login: {
    main() {
      $("button").click(function () {
        location.href = "index.html";
      });
    },
  },
});
